<template>
  <div class="app-banner-list">
    <carousel :list="list" />
    <swiperImg :list="list" />
  </div>
</template>

<script>
import BannerApiService from "@/api/banner";
import carousel from "./components/carousel.vue";
import swiperImg from './components/swiperImg.vue';
export default {
  name: "AppBannerList",
  components: {
    carousel,
    swiperImg
  },
  data() {
    return {
      list: [],
    };
  },
  created() {
    this.init();
  },
  methods: {
    async init() {
      this.list = await BannerApiService.getBannerListApi();
    },
  },
};
</script>

<style lang="scss" scoped>
.app-banner-list {
  width: 1000px;
}
</style>
